<template>
    <NavBar :show-icon="false" title-text="双选会" :bg-color="navBgColor" />
    <view class="main" :style="{ marginTop: systemInfo.sBarHeight + systemInfo.titleTop + 'px' }">
        <view style="height: 200rpx;width: 100%;background-color: blue;margin-bottom: 20rpx;" :key="item"
            v-for="item in 10"></view>
    </view>
</template>

<script setup lang="ts">
import { onPageScroll } from '@dcloudio/uni-app'
import { setNavBgColor } from '@/utils/util'
import { ref } from 'vue';

let systemInfo = uni.getStorageSync('systemInfo')
let navBgColor = ref<number | string | unknown>('')

onPageScroll(async () => {
    navBgColor.value = await setNavBgColor('.main');
})
</script>

<style>
page {
    background: rgb(155, 227, 229);
    background: linear-gradient(180deg, rgba(155, 227, 229, 1) 0%, rgba(255, 255, 255, 1) 28%, rgba(255, 255, 255, 1) 100%);
}
</style>

<style lang="scss" scoped></style>